body{
	margin: 0px;
	padding: 0px;
}

#pagina{
	width: 100%;
}

/** Conteudo do topo **/
#topo{
	height: 40px;
	background: #3a5897 url("../../imagens/template/sombra-topo.jpg") repeat-x top;
	border-top: 1px solid #1E4189;
	border-botton: 1px solid #1E4189;
}

#logo{
	width: 158px;
	height:40px;
	background: url("../../imagens/template/logo.png") no-repeat 7px 3px;
}
/** Conteudo do topo **/


/** Conteudo do Perfil **/
#perfil{
	height: 92px;
	width: 160px;
	padding: 5px;
	padding-bottom: 30px;
	float: left;
	text-align: center;
}

.imagem-perfil{
	border: 0px;
}
/** Conteudo do Perfil **/


/** Conteudo do Menu **/
#conteudo-menu{
	width: 170px;
	float: left;
	height: 100%;
}

.item-menu{
	float: left;
}

.topo-item-menu{
	width: 170px;
	height: 29px;
	float: left;
	margin-top: 5px;
	font: normal normal bold 13px Lucida Grande, Sans-Serif;
	color: #9999a7;
}

.list-menu{
	width: 160px; 
	height: 43px;
	cursor: pointer; 
	margin-top: 5px;  
	line-height: 21px;
	text-align: center;
}

.descricao-menu{
	font: normal normal bold 16px Lucida Grande, Sans-Serif;
	color: #ffffff;
	line-height: 21px;
}

/** Conteudo do Menu **/


/** Conteudo Principal **/
#conteudo{
	border-top: 0px;
	float: left;
	width: 1000px;
	min-height: 495px;
}

.conteudo-home{
	border-left: 1px solid #ab9abb;
	border-right: 1px solid #ab9abb;
}

/** Conteudo Principal **/


/** Formulario **/
.container-titulo{
	width: 100%;
	height: 60px;
	text-align: center;
	margin-top: 50px;
}

.titulo{
	color: #AB9ABB;
	font: normal normal bold 20px Lucida Grande, Sans-Serif;
	border: 1px solid;
	padding: 15px;
	background-color: #fbfbfb;
	border-radius: 10px 10px 10px;
}

.titulo-hover:hover{
	background-color: #e2e2e2
}

.label{
	color: #AB9ABB;
	font: normal normal bold 14px Lucida Grande, Sans-Serif;	
}

.label-medio{
	color: #AB9ABB;
	font: normal normal bold 30px Lucida Grande, Sans-Serif;	
}

.input-grande{
	width: 300px;
}

.input-medio{
	width: 150px;
}

.tabela-form{
	margin-left: 50px;
}

.separador-linha{
	width: 90%;
	border-bottom: 2px solid #cccccc;
	margin-top: 20px;
}

div.jqTransformSelectWrapper{
	font: normal normal bold 14px Lucida Grande, Sans-Serif;
	color: #AB9ABB;
}

/** Background esporte **/
.bg-esportes-pequeno{
	float: left;
	background-image: url("../../imagens/template/esporte-map-pequeno.png");
	background-repeat: repeat-x;
}

.bg-height-pequeno{
	height: 43px;;
}

.bg-esportes-grande{
	float: left;
	background-image: url("../../imagens/template/esporte-map-grande.png");
	background-repeat: repeat-x;
}

.bg-height-grande{
	height: 160px;
}

.bg-esportes-grane-home{  
	background-position: 0 -170px;
	border: 1px solid #f7f10f;d;
}

div.bg-esportes-grane-home:hover{
	background-position: 0 -2px;
	border: 1px solid #f7f10f;d;
}

.bg-esportes-pequeno-home{  
	background-position: 0 -260px;
	border: 1px solid #f7f10f;d;
}

div.bg-esportes-pequeno-home:hover{
	background-position: 0 -210px;
	border: 1px solid #f7f10f;
}

/** grupo **/
.bg-esportes-grande-futebol{  
	background-position: 0 -171px;
	border: 1px solid #f7f10f;
}

div.bg-esportes-grande-futebol:hover{
	background-position: 0 -2px;
	border: 1px solid #f7f10f;
}

.bg-esportes-pequeno-futebol{  
	background-position: 0 -60px;
	border: 1px solid #fcfaad;
}

div.bg-esportes-pequeno-futebol:hover{
	background-position: 0 -10px;
	border: 1px solid #f7f10f;
}

.bg-esportes-grande-volei{
	background-position: 0 -1528px;
	border: 1px solid #f7f10f
}

div.bg-esportes-grande-volei:hover{
	background-position: 0 -1352px;
	border: 1px solid #f7f10f;
}

.bg-esportes-pequeno-volei{
	background-position: 0 -458px;
	border: 1px solid #f7f10f;
}

div.bg-esportes-pequeno-volei:hover{
	background-position: 0 -410px;
	border: 1px solid #f7f10f;
}

.bg-esportes-grande-basquete{
	background-position: 0 -1187px;
	border: 1px solid #f7f10f;
}

div.bg-esportes-grande-basquete:hover{
	background-position: 0 -1013px;
	border: 1px solid #f7f10f;
}

.bg-esportes-pequeno-basquete{
	background-position: 0 -360px;
	border: 1px solid #f7f10f;
}

div.bg-esportes-pequeno-basquete:hover{
	background-position: 0 -310px;
	border: 1px solid #f7f10f;
}

/** individual **/
.bg-esportes-grande-ciclismo{
	
}

div.bg-esportes-grande-ciclismo:hover{
	
}

.bg-esportes-pequeno-ciclismo{
	background-position: 0 -260px;
	border: 1px solid #f7f10f;
}

div.bg-esportes-pequeno-ciclismo:hover{
	background-position: 0 -210px;
	border: 1px solid #f7f10f;
}

.bg-esportes-grande-corrida{
	
}

div.bg-esportes-grande-corrida:hover{
	
}

.bg-esportes-pequeno-corrida{
	background-position: 0 -160px;
	border: 1px solid #f7f10f;
}

div.bg-esportes-pequeno-corrida:hover{
	background-position: 0 -110px;
	border: 1px solid #f7f10f;
}

/** Lista Grupo **/
.imgList{
	width: 160px; 
	margin-top: 20px; 
	float: left;
	border-radius: 10px 10px 10px;
}

#conteudoGrupoList{
	width: 400px; 
	height: 100%; 
	float: left;
}

#conteudoPresidenteList{ 
	 width: 190px; 
	 height: 100%; 
	 float: left;
}

.font-component-list{
	font: normal normal bold 15px Lucida Grande, Sans-Serif;
}

.font-color-futebol{
	color: #9efe22;
}

.font-color-volei{
	color: #4544dc;
}

.font-color-basquete{
	color: #fa9150;
}

.font-color-branco{
	color: #ffffff;
}

.font-color-padrao{
	color: #ab9abb;
}

/** Lista Grupo **/

/** Lista Regra **/

.bg-regra-grave{
	background-color: red;
}

.bg-regra-moderada{
	background-color: blue;
}

.bg-regra-leve{
	background-color: yellow;
}

/** Lista Regra **/

/** Lista chamadas **/

.imgListChamada{
	width: 150px; 
	height: 160px;
	margin-left: 20px;
	margin-top: 10px;
	float: left;
	border-radius: 10px 10px 10px;
}

.bg-chamada{
	background-image: url("../../imagens/chamada/chamadas.png");
}

.bg-chamada-indefinido{
	background-position: 0 0px;
	border: 1px solid #f7f10f;
}

.bg-chamada-confirmado{
	background-position: 0 -486px;
	border: 1px solid #f7f10f;
}

.bg-chamada-machucado{
	background-position: 0 -162px;
	border: 1px solid #f7f10f;
}

.bg-chamada-naovai{
	background-position: 0 -324px;
	border: 1px solid #f7f10f;
}

/** Lista chamadas **/

/** Lista Dia Praticado **/
.container-dia-praticado{
	width: 100%;
	height: 165px;
	margin-top: 50px;
}

.imgDiaPraticado{
	width: 150px; 
	height: 160px;
	margin-left: 20px;
	float: left;
	border-radius: 10px 10px 10px;
}

.bg-diaPraticado{
	background-image: url("../../imagens/diaPraticado/melhores-piores.png");
}

.bg-diaPraticado-artilheiro{
	background-position: 0px 0px;
}

.bg-diaPraticado-melhor{
	background-position: 0px 0px;
	border: 1px solid #f2f200;
}

.bg-diaPraticado-pior{
	background-position: 0px -163px;
}


/** formulario **/
input, textarea{
	border: 1px solid #DDDDDD;
	border-radius: 4px 4px 4px 4px;
	padding: 8px;
	color: #8e77a4;
	font: normal normal bold 15px Lucida Grande, Sans-Serif;
}

select{
	border: 1px solid #DDDDDD;
	border-radius: 4px 4px 4px 4px;
	padding: 3px;
	color: #8e77a4;
	font: normal normal bold 15px Lucida Grande, Sans-Serif;
}

input:focus, select:focus, textarea:focus{
	border: 1px solid #0099FF;
}
/** formulario **/

.atualizacao-font{
	font: normal normal bold 15px Lucida Grande, Sans-Serif;
	color: #AB9ABB;
}

.atualizazao-img{
	background-color: #FBFBFB;
    border: 1px solid;
    border-radius: 10px 10px 10px 10px;
    color: #AB9ABB;
    padding: 15px;
}

.atualizacao-img{
	float: left; 
	width: 150px; 
	height: 100px;
}

.atualizacao-link{
	float: left;
	width: 200px;
	height: 100px;
}

.atualizacao-descricao{
	float: left; 
	width: 600px;
}

/** mensagem wicket **/
.feedbackPanelERROR{
	background-color: #fd8473;
	border-radius: 4px 4px 4px 4px;
	font: normal normal bold 15px Lucida Grande, Sans-Serif;
	color: #FFFFFF;
	list-style-type: none;
	margin-top: 5px;
}

.feedbackPanelINFO{
	background-color: #8379f7;
	border-radius: 4px 4px 4px 4px;
	font: normal normal bold 15px Lucida Grande, Sans-Serif;
	color: #FFFFFF;
	list-style-type: none;
	margin-top: 5px;
}
/** mensagem wicket **/


